
/* fast-table-ex */
.fast-table-ex {
  .vt-header {
    overflow-x: hidden;
    margin-bottom: 0!important;
    .th {
      border: none;
      cursor: default;
      white-space: nowrap;
      user-select: none;
      box-sizing: border-box;
      transition: none;
      text-overflow: unset;
      padding: 0;
      justify-content: flex-start;
      & ~ .col-group {
        .th {
          text-indent: 6px;
          &:last-child {
            position: relative;
            &::after {
              position: absolute;
              width: 5px;
              height: 100%;
              bottom: 0;
              right: 0;
              background: linear-gradient(#101211, #101211, #101211) right;
              background-repeat: no-repeat;
              background-size: 1px 100%;
              content: '';
            }
          }
        }
      }
      .react-resizable {
        width: 100%;
        height: 100%;
      }
      .react-resizable > span:nth-child(1) {

      }
      .drag-source {

      }
      .drag-target {
        z-index: 6666;
        border-left: #ff7d00 2px solid;
      }
    }
    .table-header-cell {
      justify-content: inherit;
    }
    .title-content {
      display: inline-flex;
      padding: 0 4px;
      margin: 0 2px;
      align-items: center;
    }
    .sort-btn-rect {
      display: inline-flex;
      flex-direction: column;
      justify-content: center;
      .sort-asc, .sort-des {
        height: 0;
        width: 0;
        border-width: 6px 4px 6px 4px;
        border-style: dashed;
        border-color: transparent;
        display: inline-block;
      }
      .sort-asc {
        margin-bottom: 1px;
        border-bottom-color: #aaa;
      }
      .sort-des {
        margin-top: 1px;
        border-top-color: #aaa;
      }
      &.asc {
        .sort-asc {
          border-bottom-color: #ff9200;
        }
      }
      &.des {
        .sort-des {
          border-top-color: #ff9200;
        }
      }
    }
    .react-resizable {
      position: relative;
    }
    .react-resizable-handle {
      position: absolute;
      width: 5px;
      height: 100%;
      bottom: 0;
      right: 0;
      cursor: col-resize;
      //background: linear-gradient(#1b2624, #7B8082, #7B8082, #7B8082, #1b2624) right;
      //background: linear-gradient(#121A19, #4A4D4C, #121A19) right;
      //background: linear-gradient(#101211, #101211, #101211) right;
      background: linear-gradient(#101211, #101211, #101211) right no-repeat;
      background-size: 1px 100%;
      transition: background 200ms;
    }
  }
  .vt-content {
    background: transparent;
    height: 100%!important;
    position: relative;
    .vt-body {
      height: calc(100% - 30px)!important;
      background: transparent;
    }
  }
  .vt-empty-text {
    width: 100%;
    top: 0;
    margin-top: 0!important;
    position: absolute;
    background: transparent;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 30px;
  }
  .vt-fixed-left {
    min-height: 50px;
    background: transparent;
  }
  .vt-table-row {

  }
  .vt-table-row.ss-row:nth-of-type(odd) {


  }
  &.disable-header-scroll {
    .vt-header {
      overflow-x: hidden;
      margin-bottom: 0!important;
    }
  }
}

.custom-table-setting {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  .col-group {
    width: 100%;
    display: block;
    & + .col-group {
      margin-top: 10px;
      padding-top: 10px;
      border-top: #666 1px solid;
    }
  }
  .group-name {
    width: 100%;
    display: inline-block;
    clear: both;
    font-weight: bold;
    color: #f9c152;
    margin-bottom: 5px;
  }
  .col-item {
    width: 20%;
    min-width: 20%;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    margin: 5px 0;
  }
  .empty-title {
    color: #888;
  }
}
